/**
 * Created by Administrator on 2016/7/30.
 */
$(function(){
    $('.sup-switch-a .tabs ul li').click(function(){
        var $i = $(this).index();
        $('.sup-switch-a .tabs ul li a').removeClass("current");
        $(this).find('a').addClass("current");
        $('.tabs-switch-a-panel').addClass("tabs_none");
        $('.tabs-switch-a-panel').eq($i).removeClass("tabs_none");
    });
    $('.tabs_list li').click(function(){
        var $i = $(this).index();
        $('.tabs_list li a').removeClass('current');
        $(this).find('a').addClass('current');
        $('.fal_tabs_container > div').addClass("tabs_none");
        $('.fal_tabs_container > div').eq($i).removeClass("tabs_none");
        if($i == 0){
            $(this).find('a').css("background-color","#f9f9f9");
        }
    })
    $('.top-container ul li').hover(function(){
        $(this).find('.topbar-leding').css("display","block");
        $(this).find('.arrow').css("background-position-x","-25px")
    });
    $('.top-container ul li').mouseleave(function(){
        $(this).find('.topbar-leding').css("display","none");
        $(this).find('.arrow').css("background-position-x","")
    });
    $('#header-nav .nav-main li').mouseover(function(){
        $(this).css("border-bottom","3px solid #15871B");
    });
    $('#header-nav .nav-main li').mouseout(function(){
        $(this).css("border-bottom","none");
    });
    $('.btn-box-ios').mouseover(function(){
        $('.kehud .btn-box-ios i').addClass('ios-white');
    });
    $('.btn-box-ios').mouseout(function(){
        $('.kehud .btn-box-ios i').removeClass('ios-white');
    });
    $('.btn-box-ard').mouseover(function(){
        $('.kehud .btn-box-ard i').addClass('ard-white');
    });
    $('.btn-box-ard').mouseout(function(){
        $('.kehud .btn-box-ard i').removeClass('ard-white');
    });
    $('.nine-item').hover(function(){
        $(this).css("border-color","#FD3667");
    });
    $('.nine-item').mouseleave(function(){
        $(this).css("border-color","");
    });
    var target1 = $('#a_click1');
    var target2 = $('#a_click2');
    $('.click').click(function(){
        if(target1.hasClass('a_click1')&&target2.hasClass('a_click2')){
            target1.removeClass('a_click1');
            target1.addClass('a_click2');
            target2.removeClass('a_click2');
            target2.addClass('a_click1');
            $('.click').css('background-color','#f0f0f0');
            $('#nav_box').css('display','block')
        }else{
            target2.removeClass('a_click1');
            target2.addClass('a_click2');
            target1.removeClass('a_click2');
            target1.addClass('a_click1');
            $('.click').css('background-color','#E8E8E8');
            $('#nav_box').css('display','none')
        }
    });
    $('.nav_c').hover(function(){
        $('.arrow_right').addClass('r_arrow');
        $('.code_box').css('display','block')
    });
    $('.nav_c').mouseleave(function(){
        $('.arrow_right').removeClass('r_arrow');
        $('.code_box').css('display','none')
    });
    $('.btn-box a').each(function(index){
        $(this).hover(function(){
            $(this).css('background-color','#43b149');
            $(this).css('color','white');
        });
        $(this).mouseleave(function(){
            $(this).css('background-color','white');
            $(this).css('color','#666666');
        })
    })

//    导航固定
    var nav = $('.classifybox'); //得到导航对象
    var win = $(window); //得到窗口对象
    var sc = $(document);//得到document文档对象。
    win.scroll(function () {
        if (sc.scrollTop() >= 167) {
            nav.addClass("fixednav");
        } else {
            nav.removeClass("fixednav");
        }
    });


    var num = 0;
    var $list = $('#goods_box');

    $(window).on('scroll',function(){
        if($(window).scrollTop()>=$(document).height()-$(window).height()){
            if(++num<9){
                loadData($list,num);
            }else{
                console.log('nodate');
            }
        }
    });
    loadData($list,num);
    function loadData($ele,num){
        $.ajax({
            url:'json_9_date/data-'+num+'.json',
            success:function(data){
                var str = '';
                $.each(data,function(i,item){
                    str+=[
                        '<div class="goods_li">',
                        '<a href="'+ item.URL + '">',
                        '</a>',
                        '<img src="images/' + item.imageUrl +'.jpg">',
                        '<div class="goods_title">' + item.theme + '</div>',
                        '<div class="goods_price">',
                        '<div class="price_le">',
                        '￥<strong>' + item.pricez + '<em>' + item.pricel + '</em>'+'</strong>',
                        '</div>',
                        '<div class="price_ce">',
                        '<div class="tags">'+ '</div>',
                        '<del>' + item.dels + '</del>',
                        '</div>',
                        '<div class="price_ri">',
                        '<div class="goods_logo">',
                        '<img src="images/' + item.imagesurl + '.png">',
                        '</div>',
                        '<div class="goods_amount">' + item.amount + '</div>',
                        '</div>',
                        '</div>',
                        '</div>'
                    ].join("");
                });
                $ele.append(str);
            },
            error:function(){
                layer.msg('没有更多商品了');
            }
        });
    }
});